

<div class="header">
	<div class="top">
    	<div class="contents">
	    	<h1><a href="index.html" class="logo"></a></h1>
        </div>
    </div>
    <div class="middle">
    	<div class="contents">
	        <span>Personal website mobile template</span>
        </div>
    </div>
</div>

<div class="container">
	<div class="contents">
    	<h1>Welcome to Cleary</h1>
        <p>Cleary is a mobile website template designed to be clear, yet flexible to be used in many kinds of websites. From blogs to news sites, including photo galeries or just an static site; Cleary can be anything you want.</p>
    </div>
    
    <a href="blog.html" class="bigmenu"><img src="img/icons_balloon.png" alt="Go!" class="arrowleft indexicon" /> Blog <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="news.html" class="bigmenu"><img src="img/icons_tv.png" alt="Go!" class="arrowleft indexicon" /> News <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="gallery.html" class="bigmenu"><img src="img/icons_photos.png" alt="Go!" class="arrowleft indexicon" /> Gallery <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="styles.html" class="bigmenu"><img src="img/icons_brush.png" alt="Go!" class="arrowleft indexicon" /> Styles <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
    <a href="contact.html" class="bigmenu"><img src="img/icons_phone.png" alt="Go!" class="arrowleft indexicon" /> Contact <img src="img/menuarrow.png" alt="Go!" class="arrowright" /></a>
   
</div>

<div class="contents">
    <div class="footer">
        <span class="copy">&copy; 2011 <a href="http://www.onemobo.mobi/">onemobo.mobi</a><br />Powered by onemobo</span>
        <a href="#" class="top">Top</a>
    </div>
</div>

